.sm-show,.md-show{
  display: none;
}
//sm - md - lg - xl - 2xl
@media (max-width: 640px) {
  .sm-hidden{
    display: none !important;
  }
  .sm-show{
    display: block !important;
  }
}

@media (max-width: 768px) {
  .md-hidden{
    display: none !important;
  }
  .md-show{
    display: block !important;
  }
}